<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="utf-8">
        <link  rel="stylesheet" href="css/base.css"/>
        <title>材料库列表页</title>
    </head>
    <body>
      <div class="header">
          <img src="images/headerlogo.png" alt="logo">
      </div>
      <div class="topnev">
        <div class="center topnev-sub">
            <a href="#">首页</a>
            <a href="#">咨询</a>
            <a href="#">测评</a>
            <a href="#">商城</a>
            <div class="start">
                <i class="icon"></i>
                <span class="text first">深圳</span>
                <span class="text">切换</span>
            </div>
            <div class="end">
                <span class="icon"></span>
                <span class="adm">个人中心</span>
            </div>
        </div>  
      </div>
      <div class="container">
        <div class="status">
            <p>首页 > 预防装修污染 > 材料库</p>
        </div>
         <div class="select">
            <table border="0">
                <tr>
                    <td style="color: rgb(11, 199, 199);">类别</td>
                    <td><a href="#">全部</a></td>
                    <td><a href="#">地板</a></td>
                    <td><a href="#">涂料</a></td>
                    <td><a href="#">墙纸</a></td>
                    <td><a href="#">瓷砖</a></td>
                    <td><a href="#">粘胶剂</a></td>
                    <td><a href="#">油漆</a></td>
                    <td><a href="#">家具</a></td>
                    <td><a href="#">板材</a></td>
                    <td><a href="#">饰品</a></td>
                    <td><img src="images/indexSelect.png"></td>
                </tr>
                <tr>
                    <td style="color: rgb(11, 199, 199);">类型</td>
                    <td><a href="#">全部</a></td>
                </tr>
                <tr>
                    <td style="color: rgb(11, 199, 199);">材质</td>
                    <td><a href="#">全部</a></td>
                    <td><a href="#">实木</a></td>
                    <td><a href="#">复合</a></td>
                    <td><a href="#">强化</a></td>
                    <td><a href="#">其他</a></td>
                </tr>
                <tr>
                    <td style="color: rgb(11, 199, 199);">品牌</td>
                    <td><a href="#">全部</a></td>
                    <td><a href="#">圣象</a></td>
                    <td><a href="#">大自然</a></td>
                    <td><a href="#">生活家</a></td>
                    <td><a href="#">北美枫情</a></td>
                    <td><a href="#">德尔</a></td>
                    <td><a href="#">博典</a></td>
                    <td><a href="#">船王</a></td>
                </tr>
            </table>
        </div>
        <div class="sort">
            <table>
                <tr>
                    <td>发布时间</td>
                    <td><img src="images/downicon.png"></td>
                    <td>价格</td>
                    <td><img src="images/upicon.png"></td>
                    <td>环保节能</td>
                    <td><img src="images/upicon.png"></td>
                    <td>
                        <div class="search">
                            <input type="text" class="input" placeholder="搜索">
                            <img src="images/search.png" alt="/" class="search-pic">
                            <button class="search-btn">搜索</button>
                        </div>
                    </td>
                </tr>
            </table>
           
            <div class="quest">
                <table>
                    <tr>
                       <td><img src="images/Qmark.png"></td>
                       <td><a href="#">了解家居医生建材环保评级标准</a></td>
                    </tr>
                </table>  
            </div>
        </div>
        <div class="content">
            <div class="content-one row">               
                    <div class="content-pic">
                        <img src="images/data_image.png" alt=""/>
                        <p>德尔：都市系列</p>
                        <p>木地板-复合地板</p>
                        <p>单价：128元/m²</p>
                        <h4 style="color: darkturquoise;">环保评级 ：B （可以使用）</h4>
                    </div>               
                    <div class="content-pic">
                        <img src="images/data_image.png" alt=""/>
                        <p>德尔：都市系列</p>
                        <p>木地板-复合地板</p>
                        <p>单价：128元/m²</p>
                        <h4 style="color: darkturquoise;">环保评级 ：B （可以使用）</h4>
                    </div>
              
                
                    <div class="content-pic">
                        <img src="images/data_image.png" alt=""/>
                        <p>德尔：都市系列</p>
                        <p>木地板-复合地板</p>
                        <p>单价：128元/m²</p>
                        <h4 style="color: darkturquoise;">环保评级 ：B （可以使用）</h4>
                    </div>
                
                    <div class="content-pic">
                        <img src="images/data_image.png" alt=""/>
                        <p>德尔：都市系列</p>
                        <p>木地板-复合地板</p>
                        <p>单价：128元/m²</p>
                        <h4 style="color: darkturquoise;">环保评级 ：B （可以使用）</h4>
                    </div>
            </div>   
            <div class="content-one row"> 
                
                       <div class="content-pic">
                        <img src="images/data_image.png" alt=""/>
                        <p>德尔：都市系列</p>
                        <p>木地板-复合地板</p>
                        <p>单价：128元/m²</p>
                        <h4 style="color: darkturquoise;">环保评级 ：B （可以使用）</h4>
                    </div>
               
                         
                
                    <div class="content-pic">
                        <img src="images/data_image.png" alt=""/>
                        <p>德尔：都市系列</p>
                        <p>木地板-复合地板</p>
                        <p>单价：128元/m²</p>
                        <h4 style="color: darkturquoise;">环保评级 ：B （可以使用）</h4>
                    </div>
                           
               
                    <div class="content-pic">
                        <img src="images/data_image.png" alt=""/>
                        <p>德尔：都市系列</p>
                        <p>木地板-复合地板</p>
                        <p>单价：128元/m²</p>
                        <h4 style="color: darkturquoise;">环保评级 ：B （可以使用）</h4>
                    </div>
                           
                    <div class="content-pic">
                        <img src="images/data_image.png" alt=""/>
                        <p>德尔：都市系列</p>
                        <p>木地板-复合地板</p>
                        <p>单价：128元/m²</p>
                        <h4 style="color: darkturquoise;">环保评级 ：B （可以使用）</h4>
                    </div> 
            </div> 
        <div class="content-one row">            
                
                    <div class="content-pic">
                        <img src="images/data_image.png" alt=""/>
                        <p>德尔：都市系列</p>
                        <p>木地板-复合地板</p>
                        <p>单价：128元/m²</p>
                        <h4 style="color: darkturquoise;">环保评级 ：B （可以使用）</h4>
                    </div>
                                   
              
                    <div class="content-pic">
                        <img src="images/data_image.png" alt=""/>
                        <p>德尔：都市系列</p>
                        <p>木地板-复合地板</p>
                        <p>单价：128元/m²</p>
                        <h4 style="color: darkturquoise;">环保评级 ：B （可以使用）</h4>
                    </div>
                            
               
                    <div class="content-pic">
                        <img src="images/data_image.png" alt=""/>
                        <p>德尔：都市系列</p>
                        <p>木地板-复合地板</p>
                        <p>单价：128元/m²</p>
                        <h4 style="color: darkturquoise;">环保评级 ：B （可以使用）</h4>
                    </div>
                          
               
                    <div class="content-pic">
                        <img src="images/data_image.png" alt=""/>
                        <p>德尔：都市系列</p>
                        <p>木地板-复合地板</p>
                        <p>单价：128元/m²</p>
                        <h4 style="color: darkturquoise;">环保评级 ：B （可以使用）</h4>
                    </div>                      
            </div>
        </div>
        <div class="page">
            <table>
                <tr>
                    <td style="background-color: rgba(211, 211, 211, 0.418);"><a href="#" style="color: black;" >上一页</a></td>
                    <td><a href="#">1</a></td>
                    <td><a href="#">2</a></td>
                    <td><a href="#">3</a></td>
                    <td><a href="#">4</a></td>
                    <td><a href="#">5</a></td>
                    <td style="background-color: rgba(211, 211, 211, 0.418);"><a href="#" style="color: black;">下一页</a></td>
                    <td style="padding-right: 0px;">共有10页，去第</td>
                    <td><input type="text"></td>
                    <td style="padding-left: 0px;">页</td>
                    <td><button class="okbtn">确定</button></td>
                </tr>
            </table>
        </div>
        <div class="feedback">
            <table>
                <tr>
                    <th rowspan="3"><img src="images/QRcode.png" alt="QRcode"></th>
                    <td style="color:rgb(11, 199, 199);font-size: 20px;">建材检测 需求反馈</td>
                </tr>
                <tr>
                    <td>亲爱的用户，我们正在不断地完善和更新建材库，</td>
                </tr>
                <tr>
                    <td>若没有找到您想要的材料信息，请将您想测的建材告诉我们</td>
                </tr>
                
            </table>
        </div>
        
      </div>
      <div class="bottom">
          <div class="container">
            <table width=100% border="0" class="footer">
                <tr>
                    <td width="40%">
                        <table class="footer-one">
                            <tr>
                                <td><img src="images/footerLogo.png"></td>
                            </tr>
                            <tr>
                                <th>为室内环境健康把好每一把关</th>
                            </tr>  
                            <tr>
                                <td>家居医生致力于中国人的家居健康问题，通过专业的技术研究和测评，倾力协助大众打造绿色、环保的人居生活环境。</td>
                            </tr>               
                        </table>
                        
                    </td>
                    <td width="20%">
                        <ul>
                            <li><a href="#">关于我们</a></li>
                            <li><a href="#">联系我们</a></li>
                            <li><a href="#">加入我们</a></li>
                        </ul>
                    </td>
                    <td width="20%">
                        <ul>
                            <li><a href="#">版权说明</a></li>
                            <li><a href="#">用户隐私</a></li>
                            <li><a href="#">免责声明</a></li>
                        </ul>
                    </td>
                    <td width="20%">
                        <ul>
                            <li><img src="images/wechat.png"><a href="#">官方微信</a></li>
                            <li><img src="images/tianmao.png"><a href="#">天猫旗舰店</a></li>
                            <li><img src="images/shop.png"><a href="#">有赞商城</a></li>
                        </ul>
                    </td>
                </tr>
        
            </table>

            <br/>
            <hr/>
            <div class="copyright">
                <span style="float: left;"> 深圳建筑科学研究院股份有限公司 家居医生网</span>
                <span style="float: right;">粤ICP备08011321号 ©Copyright  All Rights Reserved</span>
                <br/>
            </div>
        </div>    
      </div>   
    </body>   
</html>